3 * https://www.mediawiki.org/wiki/OOjs_UI
5 * Copyright 2011–2016 OOjs UI Team and other contributors.
6 * Released under the MIT license
7 * http://oojs.mit-license.org
9 * Date: 2016-02-22T22:33:37Z
11 .oo-ui-draggableElement-handle.oo-ui-widget-enabled {
13 cursor: url
(images
/grab
.cur
);
18 .oo-ui-draggableElement-placeholder {
21 .oo-ui-draggableElement.oo-ui-widget-enabled:active {
23 cursor: url
(images
/grabbing
.cur
);
24 cursor: -webkit-grabbing
;
25 cursor: -moz-grabbing
;
28 .oo-ui-draggableGroupElement-horizontal .oo-ui-draggableElement.oo-ui-optionWidget {
29 display: inline-block
;
31 .oo-ui-lookupElement > .oo-ui-menuSelectWidget {
35 .oo-ui-bookletLayout-stackLayout.oo-ui-stackLayout-continuous > .oo-ui-panelLayout-scrollable {
38 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
40 -webkit-box-sizing: border-box
;
41 -moz-box-sizing: border-box
;
42 box-sizing: border-box
;
44 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-scrollable {
47 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout-padded {
50 .oo-ui-bookletLayout-outlinePanel-editable > .oo-ui-outlineSelectWidget {
58 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
64 .oo-ui-bookletLayout-stackLayout > .oo-ui-panelLayout {
67 .oo-ui-bookletLayout-outlinePanel {
68 border-right: 1px solid
#dddddd;
70 .oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
71 box-shadow: 0 0 0.25em rgba
(0, 0, 0, 0.25);
73 .oo-ui-indexLayout > .oo-ui-menuLayout-menu {
76 .oo-ui-indexLayout > .oo-ui-menuLayout-content {
79 .oo-ui-indexLayout-stackLayout > .oo-ui-panelLayout {
89 .oo-ui-menuLayout-menu
,
90 .oo-ui-menuLayout-content {
92 -webkit-transition: all
200ms ease
;
93 -moz-transition: all
200ms ease
;
94 transition: all
200ms ease
;
96 .oo-ui-menuLayout-menu {
100 .oo-ui-menuLayout-content {
106 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-menu {
108 height: 0 !important
;
111 .oo-ui-menuLayout.oo-ui-menuLayout-hideMenu > .oo-ui-menuLayout-content {
115 bottom: 0 !important
;
117 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-menu {
118 width: auto
!important
;
123 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-top > .oo-ui-menuLayout-content {
125 bottom: 0 !important
;
128 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-menu {
129 height: auto
!important
;
134 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-after > .oo-ui-menuLayout-content {
135 bottom: 0 !important
;
139 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-menu {
140 width: auto
!important
;
145 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-bottom > .oo-ui-menuLayout-content {
150 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-menu {
151 height: auto
!important
;
156 .oo-ui-menuLayout.oo-ui-menuLayout-showMenu.oo-ui-menuLayout-before > .oo-ui-menuLayout-content {
159 bottom: 0 !important
;
161 .oo-ui-stackLayout-continuous > .oo-ui-panelLayout {
165 .oo-ui-buttonSelectWidget {
166 display: inline-block
;
168 border-radius: 0.3em;
171 .oo-ui-buttonSelectWidget:last-child {
174 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
178 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:first-child .oo-ui-buttonElement-button {
179 border-bottom-left-radius: 0.3em;
180 border-top-left-radius: 0.3em;
183 .oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget:last-child .oo-ui-buttonElement-button {
184 border-bottom-right-radius: 0.3em;
185 border-top-right-radius: 0.3em;
187 .oo-ui-buttonOptionWidget {
188 display: inline-block
;
190 background-color: transparent
;
192 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
195 .oo-ui-buttonOptionWidget
.oo-ui-iconElement
.oo-ui-iconElement-icon
,
196 .oo-ui-buttonOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
198 display: inline-block
;
199 vertical-align: middle
;
201 .oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
204 .oo-ui-buttonOptionWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
207 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-selected
,
208 .oo-ui-buttonOptionWidget
.oo-ui-optionWidget-pressed
,
209 .oo-ui-buttonOptionWidget.oo-ui-optionWidget-highlighted {
210 background-color: transparent
;
212 .oo-ui-toggleButtonWidget {
213 display: inline-block
;
214 vertical-align: middle
;
217 .oo-ui-toggleButtonWidget:last-child {
220 .oo-ui-toggleSwitchWidget {
222 display: inline-block
;
223 vertical-align: middle
;
225 -webkit-box-sizing: border-box
;
226 -moz-box-sizing: border-box
;
227 box-sizing: border-box
;
228 -webkit-transform: translateZ
(0);
229 -moz-transform: translateZ
(0);
230 -ms-transform: translateZ
(0);
231 transform: translateZ
(0);
235 box-shadow: 0 0 0 white
, inset
0 0.1em 0.2em #dddddd;
236 border: 1px solid
#cccccc;
238 background-color: #eeeeee;
239 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #dddddd), color-stop
(100%, #ffffff));
240 background-image: -webkit-linear-gradient
(top
, #dddddd 0, #ffffff 100%);
241 background-image: -moz-linear-gradient
(top
, #dddddd 0, #ffffff 100%);
242 background-image: linear-gradient
(to bottom
, #dddddd 0, #ffffff 100%);
243 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdddddd', endColorstr='#ffffffff' )";
245 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled {
248 .oo-ui-toggleSwitchWidget-grip {
251 -webkit-box-sizing: border-box
;
252 -moz-box-sizing: border-box
;
253 box-sizing: border-box
;
255 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
261 -webkit-touch-callout: none
;
262 -webkit-user-select: none
;
263 -moz-user-select: none
;
264 -ms-user-select: none
;
267 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
270 .oo-ui-toggleSwitchWidget:last-child {
273 .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
276 .oo-ui-toggleSwitchWidget-grip {
283 box-shadow: 0 0.1em 0.25em rgba
(0, 0, 0, 0.1);
284 border: 1px #c9c9c9 solid
;
285 -webkit-transition: left
250ms ease
, margin-left
250ms ease
;
286 -moz-transition: left
250ms ease
, margin-left
250ms ease
;
287 transition: left
250ms ease
, margin-left
250ms ease
;
288 background-color: #eeeeee;
289 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ffffff), color-stop
(100%, #dddddd));
290 background-image: -webkit-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
291 background-image: -moz-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
292 background-image: linear-gradient
(to bottom
, #ffffff 0, #dddddd 100%);
293 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
295 .oo-ui-toggleSwitchWidget
.oo-ui-widget-enabled:hover
,
296 .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
297 border-color: #aaaaaa;
299 .oo-ui-toggleSwitchWidget .oo-ui-toggleSwitchWidget-glow {
301 box-shadow: inset
0 1px 4px 0 rgba
(0, 0, 0, 0.07);
302 -webkit-transition: opacity
250ms ease
;
303 -moz-transition: opacity
250ms ease
;
304 transition: opacity
250ms ease
;
305 background-color: #cde7f4;
306 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #b0d9ee), color-stop
(100%, #eaf4fa));
307 background-image: -webkit-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
308 background-image: -moz-linear-gradient
(top
, #b0d9ee 0, #eaf4fa 100%);
309 background-image: linear-gradient
(to bottom
, #b0d9ee 0, #eaf4fa 100%);
310 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb0d9ee', endColorstr='#ffeaf4fa' )";
312 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-glow {
315 .oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
319 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-glow {
323 .oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
327 .oo-ui-progressBarWidget {
329 background-color: #ffffff;
330 border: 1px solid
#cccccc;
331 border-radius: 0.25em;
334 .oo-ui-progressBarWidget-bar {
336 border-right: 1px solid
#cccccc;
337 -webkit-transition: width
250ms ease
, margin-left
250ms ease
;
338 -moz-transition: width
250ms ease
, margin-left
250ms ease
;
339 transition: width
250ms ease
, margin-left
250ms ease
;
340 background-color: #cde7f4;
341 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #eaf4fa), color-stop
(100%, #b0d9ee));
342 background-image: -webkit-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
343 background-image: -moz-linear-gradient
(top
, #eaf4fa 0, #b0d9ee 100%);
344 background-image: linear-gradient
(to bottom
, #eaf4fa 0, #b0d9ee 100%);
345 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffeaf4fa', endColorstr='#ffb0d9ee' )";
347 .oo-ui-progressBarWidget-indeterminate .oo-ui-progressBarWidget-bar {
348 -webkit-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
349 -moz-animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
350 animation: oo-ui-progressBarWidget-slide
2s infinite linear
;
353 border-left: 1px solid
#a6cee1;
355 .oo-ui-progressBarWidget.oo-ui-widget-disabled {
358 @-webkit-keyframes oo-ui-progressBarWidget-slide
{
366 @-moz-keyframes oo-ui-progressBarWidget-slide
{
374 @keyframes oo-ui-progressBarWidget-slide
{
382 .oo-ui-selectFileWidget {
383 display: inline-block
;
384 vertical-align: middle
;
389 .oo-ui-selectFileWidget-selectButton {
391 vertical-align: middle
;
393 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
397 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button > input[type="file"] {
411 .oo-ui-selectFileWidget-selectButton.oo-ui-widget-disabled > .oo-ui-buttonElement-button > input[type="file"] {
414 .oo-ui-selectFileWidget-info {
417 vertical-align: middle
;
420 -webkit-box-sizing: border-box
;
421 -moz-box-sizing: border-box
;
422 box-sizing: border-box
;
424 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
430 text-overflow: ellipsis
;
432 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileName {
435 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
438 .oo-ui-selectFileWidget-info
> .oo-ui-indicatorElement-indicator
,
439 .oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
440 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
443 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
446 .oo-ui-selectFileWidget-dropTarget {
452 .oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-dropLabel
,
453 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
456 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail {
460 background-size: cover
;
461 background-position: center center
;
463 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail.oo-ui-pendingElement-pending {
464 background-size: auto
;
466 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-thumbnail > .oo-ui-selectFileWidget-noThumbnail-icon {
468 background-color: #cccccc;
472 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
480 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
483 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileName {
487 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
491 .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
495 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
498 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel {
501 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-thumbnail
,
502 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
505 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-selectButton {
509 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
,
510 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
513 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-dropTarget
.oo-ui-selectFileWidget-info
,
514 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-info {
517 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-clearButton
,
518 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-clearButton {
521 .oo-ui-selectFileWidget:last-child {
524 .oo-ui-selectFileWidget-selectButton > .oo-ui-buttonElement-button {
527 .oo-ui-selectFileWidget-info {
529 background-color: #ffffff;
530 border: 1px solid rgba
(0, 0, 0, 0.1);
531 border-radius: 0.25em;
533 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
536 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
539 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label {
544 -webkit-box-sizing: border-box
;
545 -moz-box-sizing: border-box
;
546 box-sizing: border-box
;
547 text-overflow: ellipsis
;
551 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-label > .oo-ui-selectFileWidget-fileType {
554 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton {
559 .oo-ui-selectFileWidget-info > .oo-ui-selectFileWidget-clearButton .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
562 .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
566 margin-right: 0.775em;
568 .oo-ui-selectFileWidget-info > .oo-ui-iconElement-icon {
574 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info {
576 text-shadow: 0 1px 1px #ffffff;
577 border-color: #dddddd;
578 background-color: #f3f3f3;
580 .oo-ui-selectFileWidget
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-info
> .oo-ui-iconElement-icon
,
581 .oo-ui-selectFileWidget.oo-ui-widget-disabled .oo-ui-selectFileWidget-info > .oo-ui-indicatorElement-indicator {
584 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-label {
587 .oo-ui-selectFileWidget.oo-ui-iconElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
590 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
593 .oo-ui-selectFileWidget .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
596 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
599 .oo-ui-selectFileWidget.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-clearButton {
602 .oo-ui-selectFileWidget-empty
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
603 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
606 .oo-ui-selectFileWidget-empty
.oo-ui-indicatorElement
.oo-ui-selectFileWidget-info
.oo-ui-selectFileWidget-label
,
607 .oo-ui-selectFileWidget-notsupported.oo-ui-indicatorElement .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-label {
610 .oo-ui-selectFileWidget-supported.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileWidget-dropTarget {
611 background-color: #e1f3ff;
613 .oo-ui-selectFileWidget-empty
.oo-ui-widget-disabled
.oo-ui-selectFileWidget-dropTarget
,
614 .oo-ui-selectFileWidget-notsupported .oo-ui-selectFileWidget-dropTarget {
616 text-shadow: 0 1px 1px #ffffff;
617 border-color: #dddddd;
618 background-color: #f3f3f3;
620 .oo-ui-selectFileWidget-dropTarget {
621 background-color: #ffffff;
622 border: 1px solid
#aaaaaa;
623 margin-bottom: 0.5em;
624 vertical-align: middle
;
625 border-radius: 0.25em;
627 .oo-ui-selectFileWidget-empty .oo-ui-selectFileWidget-dropTarget {
628 border-style: dashed
;
630 .oo-ui-outlineOptionWidget {
633 -webkit-touch-callout: none
;
634 -webkit-user-select: none
;
635 -moz-user-select: none
;
636 -ms-user-select: none
;
641 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
642 padding-right: 1.5em;
644 .oo-ui-outlineOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
647 .oo-ui-outlineOptionWidget-level-0 {
650 .oo-ui-outlineOptionWidget-level-0 .oo-ui-iconElement-icon {
653 .oo-ui-outlineOptionWidget-level-1 {
656 .oo-ui-outlineOptionWidget-level-1 .oo-ui-iconElement-icon {
659 .oo-ui-outlineOptionWidget-level-2 {
662 .oo-ui-outlineOptionWidget-level-2 .oo-ui-iconElement-icon {
665 .oo-ui-selectWidget-depressed .oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
666 background-color: #a7dcff;
667 text-shadow: 0 1px 1px rgba
(255, 255, 255, 0.5);
669 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-important {
672 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-placeholder {
675 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-iconElement-icon {
678 .oo-ui-outlineOptionWidget.oo-ui-flaggedElement-empty .oo-ui-labelElement-label {
681 .oo-ui-outlineControlsWidget {
683 background-color: #ffffff;
685 .oo-ui-outlineControlsWidget-items
,
686 .oo-ui-outlineControlsWidget-movers {
688 -webkit-box-sizing: border-box
;
689 -moz-box-sizing: border-box
;
690 box-sizing: border-box
;
692 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
694 background-position: right center
;
696 .oo-ui-outlineControlsWidget-items {
699 .oo-ui-outlineControlsWidget-items .oo-ui-buttonWidget {
702 .oo-ui-outlineControlsWidget-movers {
705 .oo-ui-outlineControlsWidget-movers .oo-ui-buttonWidget {
708 .oo-ui-outlineControlsWidget-items
,
709 .oo-ui-outlineControlsWidget-movers {
711 margin: 0.5em 0.5em 0.5em 0;
714 .oo-ui-outlineControlsWidget > .oo-ui-iconElement-icon {
717 margin: 0.5em 0 0.5em 0.5em;
720 .oo-ui-tabSelectWidget {
724 background-color: #eeeeee;
725 box-shadow: inset
0 -0.015em 0.1em rgba
(0, 0, 0, 0.1);
727 .oo-ui-tabOptionWidget {
728 display: inline-block
;
729 vertical-align: bottom
;
731 margin: 0.5em 0 0 0.75em;
732 border: 1px solid transparent
;
734 border-top-left-radius: 0.5em;
735 border-top-right-radius: 0.5em;
737 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-labelElement-label {
738 padding-right: 1.5em;
740 .oo-ui-tabOptionWidget.oo-ui-indicatorElement .oo-ui-indicatorElement-indicator {
743 .oo-ui-selectWidget-pressed .oo-ui-tabOptionWidget.oo-ui-optionWidget-pressed {
744 background-color: transparent
;
746 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
747 background-color: rgba
(255, 255, 255, 0.2);
748 border-color: #dddddd;
750 .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
751 background-color: #ffffff;
752 border-color: #dddddd;
754 .oo-ui-selectWidget-pressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
755 .oo-ui-selectWidget-depressed
.oo-ui-tabOptionWidget
.oo-ui-optionWidget-selected
,
756 .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover {
757 background-color: #ffffff;
758 border-color: #dddddd;
760 .oo-ui-capsuleMultiSelectWidget {
761 display: inline-block
;
766 .oo-ui-capsuleMultiSelectWidget-handle {
771 .oo-ui-capsuleMultiSelectWidget-content {
774 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-content > input {
777 .oo-ui-capsuleMultiSelectWidget-group {
780 .oo-ui-capsuleMultiSelectWidget > .oo-ui-menuSelectWidget {
784 .oo-ui-capsuleMultiSelectWidget-handle {
785 background-color: #ffffff;
789 padding: 0.15em 0.25em;
790 border: 1px solid rgba
(0, 0, 0, 0.1);
791 border-radius: 0.25em;
792 -webkit-box-sizing: border-box
;
793 -moz-box-sizing: border-box
;
794 box-sizing: border-box
;
796 .oo-ui-capsuleMultiSelectWidget-handle:last-child {
799 .oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-indicatorElement-indicator
,
800 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
802 background-position: center center
;
803 background-repeat: no-repeat
;
805 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input {
807 line-height: 1.675em;
812 font-family: inherit
;
813 background-color: transparent
;
815 vertical-align: middle
;
817 .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-capsuleMultiSelectWidget-content > input:focus {
820 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle {
821 padding-right: 2.4875em;
823 .oo-ui-capsuleMultiSelectWidget.oo-ui-indicatorElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
830 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle {
831 padding-left: 2.475em;
833 .oo-ui-capsuleMultiSelectWidget.oo-ui-iconElement .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-iconElement-icon {
840 .oo-ui-capsuleMultiSelectWidget:hover .oo-ui-capsuleMultiSelectWidget-handle {
841 border-color: rgba
(0, 0, 0, 0.2);
843 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle {
845 text-shadow: 0 1px 1px #ffffff;
846 border-color: #dddddd;
847 background-color: #f3f3f3;
850 .oo-ui-capsuleMultiSelectWidget
.oo-ui-widget-disabled
.oo-ui-capsuleMultiSelectWidget-handle
> .oo-ui-iconElement-icon
,
851 .oo-ui-capsuleMultiSelectWidget.oo-ui-widget-disabled .oo-ui-capsuleMultiSelectWidget-handle > .oo-ui-indicatorElement-indicator {
854 .oo-ui-capsuleItemWidget {
856 display: inline-block
;
861 -webkit-box-sizing: border-box
;
862 -moz-box-sizing: border-box
;
863 box-sizing: border-box
;
864 vertical-align: middle
;
869 background-color: #eeeeee;
870 background-image: -webkit-gradient
(linear
, right top
, right bottom
, color-stop
(0, #ffffff), color-stop
(100%, #dddddd));
871 background-image: -webkit-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
872 background-image: -moz-linear-gradient
(top
, #ffffff 0, #dddddd 100%);
873 background-image: linear-gradient
(to bottom
, #ffffff 0, #dddddd 100%);
874 -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffdddddd' )";
875 border: 1px solid
#cccccc;
877 border-radius: 0.25em;
879 .oo-ui-capsuleItemWidget.oo-ui-labelElement .oo-ui-labelElement-label {
880 display: inline-block
;
881 text-overflow: ellipsis
;
884 .oo-ui-capsuleItemWidget:focus {
886 border-color: #087ecc;
888 .oo-ui-capsuleItemWidget.oo-ui-widget-disabled {
890 -webkit-transform: translate3d
(0, 0, 0);
894 border-color: #cccccc;
896 .oo-ui-capsuleItemWidget > .oo-ui-buttonElement {
900 .oo-ui-searchWidget-query {
906 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
909 .oo-ui-searchWidget-results {
917 .oo-ui-searchWidget-query {
920 box-shadow: 0 0 0.5em rgba
(0, 0, 0, 0.2);
922 .oo-ui-searchWidget-query .oo-ui-textInputWidget {
925 .oo-ui-searchWidget-results {
930 .oo-ui-numberInputWidget {
931 display: inline-block
;
935 .oo-ui-numberInputWidget-field {
940 .oo-ui-numberInputWidget-field
> .oo-ui-buttonWidget
,
941 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
943 vertical-align: middle
;
945 .oo-ui-numberInputWidget-field > .oo-ui-textInputWidget {
948 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
951 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget > .oo-ui-buttonElement-button {
952 -webkit-box-sizing: border-box
;
953 -moz-box-sizing: border-box
;
954 box-sizing: border-box
;
956 .oo-ui-numberInputWidget-field > .oo-ui-buttonWidget {
959 .oo-ui-numberInputWidget-minusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
960 border-top-right-radius: 0;
961 border-bottom-right-radius: 0;
962 border-right-width: 0;
964 .oo-ui-numberInputWidget-plusButton.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {
965 border-top-left-radius: 0;
966 border-bottom-left-radius: 0;
967 border-left-width: 0;
969 .oo-ui-numberInputWidget .oo-ui-textInputWidget input {